<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../css/api.css"/>
      <style>
      body {
          padding-top: 1.5rem;
      }

      .header {
          width: 93%;
          height: 2.5rem;
          line-height: 2.5rem;
          padding: 0.5rem 0.8rem;
          text-align: center;
          background-color:#40cccc;
      }

      .header_img{
        width: 6%;
        height: 45%;
        float: left;
        margin-top: 0.5rem;
      }

      .header_img img {
          width: 100%;
          height: 100%;
      }

      .header h3 {
          line-height: 3rem;
          margin: 0 auto;
          color: #fff;
      }
    .man{
      width: 100%;
    height:100vh;
      padding: 1rem 0rem;
      background-color: rgb(243, 243, 243, 0.5);
    }
    .nav{
      width: 90%;
      height: 2.5rem;
      line-height: 2.5rem;
      padding: 0.5rem 1rem;
      color:orange;
      background-color: #fff;
      margin-bottom: 0.5rem;
    }
    .nav p{
      float: left;
    }
    .now{
      width: 90%;
      height: 7rem;
      padding: 0.5rem 1rem;
      background-color: #fff;
    }
    .now h5{
      width: 100%;
      height: 1.5rem;
    }
    .one_top{
      width: 90%;
      height: 2rem;
      padding: 0.5rem 1rem;
      border-top: 1px dashed rgb(243, 243, 243, 0.5);;
    }
    .top_img{
      width: 10%;
      height: 80%;
      float: left;
    }
      .top_img img{
        width: 100%;
        height: 100%;
      }
    .one_top h4{
      float: left;
      margin-left: 0.5rem;
      height: 2rem;
      line-height: 2rem;
    }
    .top_imgs{
      float: right;
      width: 8%;
      height: 45%;
      }
      .top_imgs img{
        width: 100%;
        height: 100%；
      }
      .footer{
        width: 95%;
        height: 3rem;
        background-color: #40cccc;
        color: #fff;
        text-align: center;;
        line-height: 3rem;
      border-radius: 0.5rem;
      margin: 1rem auto;
      }
      </style>
  </head>
  <body>
    <div class="header">
        <div class="header_img">
            <img src="../image/a9.png" alt="" onclick="closewin()">
        </div>
        <h3>付款</h3>
    </div>
    <div class="man">
      <div class="nav">
        <p>支付金额</p>
        <p style="float:right;font-size:1.2rem;">￥950.00</p>
      </div>
      <div class="now">
        <h5>支付方式</h5>
        <div class="one_top">
            <div class="top_img">
              <img src="../image/u20.png">
            </div>
            <h4>微信支付</h4>
            <div class="top_imgs">
              <img src="../image/u24.png">
            </div>
        </div>
        <div class="one_top">
            <div class="top_img">
              <img src="../image/u22.png">
            </div>
            <h4>支付宝</h4>
            <div class="top_imgs">
              <img src="../image/u25.png">
            </div>
        </div>
      </div>
      <div class="footer">
        支付
      </div>
    </div>
  </body>
  <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript" src="../script/common.js"></script>
  <script type="text/javascript">
      apiready = function(){

      };
  </script>
  </html>
